﻿{% extends "gma/base.html" %}
{% load mytag %}

<!-- CONTENT
  =====================================================================-->

{% block content %}

    <div class="weui-form">
        <div class="weui-form__text-area">
            <h2 class="weui-form__title">编辑动态表情</h2>
        </div>

        <div class="weui-form__control-area">
            <div class="weui-cells__group weui-cells__group_form">
                <div class="weui-cells__title">动态表情基本信息</div>
                <div class="weui-cells weui-cells_form">
                    <div class="weui-cell weui-cell_disabled">
                        <div class="weui-cell__hd"><label class="weui-label">表情ID</label></div>
                        <div class="weui-cell__bd">
                            <input class="weui-input" v-model="animoji_id" placeholder="请填写动态表情ID" type="number" pattern="[0-9]*" disabled>
                        </div>
                    </div>

                    <div class="weui-cell">
                        <div class="weui-cell__hd"><label class="weui-label">表情名称</label></div>
                        <div class="weui-cell__bd">
                            <input class="weui-input" v-model="animoji_name" :placeholder="[[ animoji_name ]]">
                        </div>
                    </div>

                    <div class="weui-cell">
                        <div class="weui-cell__hd"><label class="weui-label">资源地址</label></div>
                        <div class="weui-cell__bd">
                            <input class="weui-input" v-model="animoji_resource" :placeholder="[[ animoji_resource ]]">
                        </div>
                    </div>

                    <div class="weui-cell">
                        <div class="weui-cell__hd"><label class="weui-label">显示排位</label></div>
                        <div class="weui-cell__bd">
                            <input class="weui-input" v-model="animoji_orderno" :placeholder="[[ animoji_orderno ]]"
                                   type="number" pattern="[0-9]*">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="weui-form__tips-area">
            <p class="weui-form__tips">
                显示位越小的动态表情显示越靠前。
            </p>
        </div>

        <div class="weui-form__opr-area">
            <a class="weui-btn weui-btn_primary" @click="saveAnimojiInfo()">确定</a>
{#            <a class="weui-btn weui-btn_default" @click="cancel()">取消</a>#}
        </div>
        <div class="weui-form__tips-area">
            <p class="weui-form__tips">
            </p>
        </div>

        <div class="weui-form__extra-area">
            <div class="weui-footer">
                <p class="weui-footer__links">
                    <a href="{% url 'gma:home' %}" class="weui-footer__link"> <span class="bottom-logo"> HaiBao </span>
                    </a>
                </p>
                <p class="weui-footer__text">Copyright © 2019 HaiBao</p>
            </div>
        </div>
    </div>

    <div class="page__ft">
        <a href="{% url 'gma:home' %}"> <span class="bottom-logo"> HiBao </span> </a>
    </div>

{% endblock content %}


<!-- SCRIPT
  =====================================================================-->

{% block extra_js %}
    <script> {% include 'gma/config/animoji/config_edit_animoji.vue' %} </script>
{% endblock extra_js %}